import React, { Component } from 'react';
// 导入样式
import './Tabbar.scss'
// 导入字体图标库
import  '../font_icon/iconfont.css'
class Tabbar extends Component {
    constructor(props){
       super(props);
       this.state={
         arr:[
               { pic: "iconfont icon-shouye",name:'首页'},
               { pic: "iconfont icon-fenlei",name:'分类'},
               { pic: "iconfont icon-chanpinmobanguanli", name: '全部商品' },
               { pic: "iconfont icon-gouwuche", name: '购物车' },
               { pic: "iconfont icon-cebianlan-gerenzhongxin-weixuanzhong", name: '个人中心' },
         ]
       }


    }
    render() {
        return (
            <div className='tabbar'>
                 {
                    this.state.arr.map((item) => {
                        return (
                            <div className='t9'>
                                 <span className={item.pic}></span>
                                 <div className='tab1'>{item.name}</div>
                            </div>
                           
                    
                        )
                    })
                 }
            </div>
        );
    }
}

export default Tabbar;